<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>发布商品</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="./css/main.css">
		<link rel="stylesheet" type="text/css" href="./css/footer.css">
		<link rel="stylesheet" type="text/css" href="./css/header.css">
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
		<style type="text/css">


.reg-instruct {
	width: 100%;
	height: 38px;
	background-color: #EE7700;
	
}

.reg-buzhou {
	text-align: left;
	padding-top: 5px;
	padding-left: 30px;
}

.reg-instruct table {
	color: white;
	font-size: 15px;
	vertical-align: bottom;
	font-family: 幼圆;
	font-weight: bolder;
}

.reg-instruct td {
	font-size: 15px;
}

.commodity-info {
	padding-left: 40px;
	padding-top: 20px;
	text-align: center;
	
	/* 测试用 */
	border-color: black;
	border-width: 0px;
	border-style: solid;
	display: block;
	width: 700;
	float: left;
	
	padding-left: 0px;
	padding-top: 0px;
	/*测试*/
}

.lst-td {
	text-align: right;
	padding-right: 20px;
}

.commodity-info td {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0;
	border-collapse: collapse;
}

.commodity-info table {
	border: 0;
	color: #444;
	font-size: 14px;
	border-collapse: collapse;
}

.commodity-info input {
	width: 250px;
	height: 30px;
	font-size: 16px;
	border-color: #b79b6c;
	border-style: solid;
	border-width: 1px;
}

.commodity-info .checkcode-input {
	width: 60px;
	size: 5;
}

.reg-button {
	width: 100px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	font-family: 幼圆;
}


.reg-notice {
	display: none;
	background-color: #bdffff;
	border: 1px solid #63a9cd;
	font-size: 12px;
	padding: 4px,4px,4px,4px;
	margin-left: 8px;
}
.tr-background {
	background-color: #fcf0e4;
}

.other-info {
	/* 测试用 */
	border-color: black;
	border-width: 0px;
	border-style: solid;
	display: block;
	width: 200px;
	float: left;
	/*************/
}

.blank-div {

	/* 测试用 */
	display: block;
	width: 20px;
	float: left;
	/*************/

}

.div-top {
	/* 测试用 */
	border-color: #EE7700;
	border-width: 1px;
	border-style: solid;
	background-color: #ffeecc;
	padding-top: 10px;
	padding-bottom: 10px;
	/*************/
}

.div-center {
	/* 测试用 */
	border-color: gray;
	border-width: 1px;
	border-style: solid;
	border-top-width: 0px;
	/*************/
}
.div-center table {
	display:inline;
}

.page-bottom{
	display: inline-table;
}

.lst-td {
	font-weight: bold;
}

</style>

		<script type="text/javascript">
	$(function() {
		$(".account-input").bind("focus", function() {
			var tr = $(this).parent().parent();
			//var span = $(this).parent().find("span");
			tr.addClass("tr-background");
			//span.show();
		});
		$(".account-input").bind("blur", function() {
			var tr = $(this).parent().parent();
			//var span = $(this).parent().find("span");
			//span.hide();
			tr.removeClass("tr-background");
			
		});
	});
</script>
	</head>

	<body>
		<center>
			<div id="content">
				<DIV id="header">
					<DIV id="site-nav">
						<P id="login-info" class="login-info">
							您好，欢迎来Market！ 请
							<A href="#" target="_top">登录</A>免费
							<A href="#" target="_top">注册</A>
						</P>
						<UL class="quick-menu">
							<LI class="home">
								<A href="#">本站首页</A>
							</LI>
							<LI>
								<A href="#" target="_top">我要买</A>
							</LI>
							<LI>
								<A href="#" target="_top">我要卖</A>
							</LI>
							<LI>
								<A href="#" target="_top">我的商品<B></B> </A>
							</LI>

						</UL>
					</DIV>
				</DIV>
				<div style="text-align: left; padding-left: 20px;">
					<table cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td>
								<img width="110" height="66" src="images/logo.gif" />
							</td>
							<td>
								<h2 style="color: #666; margin-top: 20px;">
									商品发布
								</h2>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="reg-instruct">
				<div class="content reg-buzhou">
					<table>
						<tr>
							<td>
								&gt;&gt;&nbsp;请完成商品发布信息的填写
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div style="background-color: #fcf0e4; width: 100%; height: 5px; display: block;"></div>
			<br />
			<div class="content">
				<div class="other-info">
					<div class="div-top">
					导航
					</div>
					<div class="div-center">
						<br>
						
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
						<h5>推荐商品</h5>
					</div>
				</div>
				<div class="blank-div">
				&nbsp;
				</div>
				<div class="commodity-info">
					<div class="div-top">
					商品信息
					</div>
					<div class="div-center">
					<table>
						<tr>
							<td class="lst-td">
								商品名：
							</td>
							<td>
								手机XXXX
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								商品类型：
							</td>
							<td>
								数码产品
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								商品图片：
							</td>
							<td>
								<img src="images/product.jpg" width="130" height="150">
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								联系方式：
							</td>
							<td>
								13919191919
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								新旧程度：
							</td>
							<td>
								9成新
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								单价：
							</td>
							<td>
								￥500
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								交易地点：
							</td>
							<td>
								华农
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								付款方式：
							</td>
							<td>
								现金交易
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								商品数量：
							</td>
							<td>
								1
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								有效交易时间：
							</td>
							<td>
								2011-3-2&nbsp;13:52:35
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								商品描述：
							</td>
							<td>
								很给力的，要就拿去
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								评价：
							</td>
							<td>
								超低价
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
						</tr>
					</table>
					</div>
				</div>
			</div>
			<br/>
			<br/>
			<div class="page-bottom">
			<hr class="footer-line" width="960" style="color: #DDD;" />
			<div class="footer">
				<div>
					<ul>
						<li>
							<a href="#">加入本站</a>
						</li>
						<li>
							<a href="#">收藏本站</a>
						</li>
						<li>
							<a href="#">搜索榜</a>
						</li>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">使用帮助</a>
						</li>
						<li>
							<a href="#">意见反馈</a>
						</li>
					</ul>
				</div>
				<div style="color: #555;">
					copyright: XX证XX2141237 ©2010 market.com
				</div>
				<br />
				&nbsp;
				<br />
				&nbsp;
			</div>
			</div>
		</center>
	</body>
</html>
